#html{
	overflow-x: hidden;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#content{
	overflow-x: hidden;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#page {
	z-index: 1;
	opacity: 1;
	background-color: white;
	margin-top: -100px;
	
	-webkit-transform: translate(0px, 0px);
	-webkit-transition-duration: .5s;
	-webkit-backface-visibility: hidden;
	
	-moz-transform: translate(0px, 0px);
	-moz-transition-duration: .5s;
	-moz-backface-visibility: hidden;
	
	-o-transform: translate(0px, 0px);
	-o-transition-duration: .5s;
}

#fadeOut{
	
	opacity: 1;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

#slideGrip{
	
	position: fixed;
	top:150px;
	bottom: 0px;
	width: 40px;
	z-index: 3;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
}

div.menuBarLeft {
    margin-top: 0px;
    width:85%;
    height:auto;
    float:left;
}

img#menuButton{
    width:44px;
    
    -webkit-transform: rotateZ(0deg);
	-webkit-transition-duration: .5s;
	-webkit-backface-visibility: hidden;
	
	-moz-transform: rotateZ(0deg);
	-moz-transition-duration: .5s;
	-moz-backface-visibility: hidden;
	
	-o-transform: rotateZ(0deg);
	-o-transition-duration: .5s;
	-o-backface-visibility: hidden;
}

div.menuBarCenter {
    margin-top: 0px;
    width:70%;
    height:auto;
    float:right;
    text-align:center;
}

div#banner {
	margin-top: 5px;
	font-family: Gnuolane;
	border: 1px solid gray;
	border-radius: 10px;
     margin-left:-18%;
     height: 35px;
}

h6#banner {
	margin-top: 8px;
	font-size: 80%;
}

div.menuBarRight {
    margin-top: 0px;
    width:15%;
    height:auto;
    float:right;
    text-align:right;
}

img#shareButton{
    width:44px;
}

div.mainMenu {
    margin-top:0px;
    position:fixed;
    width:170px;
    height: 100%;
    border:2px solid #babbb9;
    border-bottom: none;
    background:#edeeeb;
    display:none;
    z-index:-1;
}

div#scrollAble {
	position: static;
	overflow: scroll;
	height:100%;
}

div.navFirstButton {
	text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 150px;
	height: 46px;
    position:inline;
    margin-top:8px;
    margin-left:9px;
}

div.navButtons {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 150px;
	height: 46px;
    position:inline;
    margin-top:3px;
    margin-left:9px;
}

div#giving {
	
	margin-bottom:20px;
}

div.subMenu {
	text-align:center;
	border:2px solid #babbb9;
    background:#edeeeb;
    height:100%;
    width:110px;
    position:fixed;
    display:none;
    z-index:-1;
    left:172px;
    
    -webkit-backface-visibility: hidden;
    
    -moz-backface-visibility: hidden;
    
    -o-backface-visibility: hidden;
}

div.subMenuButtons {
	text-align:center;
	opacity:.9;
    height:100%;
    width:110px;
    margin-top:10px;
    position:static;
    display:none;
    z-index:121;
}

div.subNavFirstButton {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	width:100px;
	height:33px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
    margin-top:7px;
    margin-left:3px;
}

div.subNavButtons {
    text-align:center;
	font-family: Gnuolane;
	border-radius:9px;
	width:100px;
	height:33px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
    position:inline;
    margin-top:1px;
    margin-left:3px;

}

div#givingButton{
	
	border: 2px solid #c6c7c6;
}

div.shareSheetHolder {
    position:absolute;
    margin-top:60px;
    width:100%;
    border-style:hidden;
    z-index:120;
    display:none;
}

div.shareSheet {
	text-align:center;
	background:#edeeeb;
	border: 2px solid #c6c7c6;
    width:100%;
    height:100px;
    visibility: hidden;
    top:0px;
    
    -webkit-transform: translateX(150%);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: 1s;
    
    -moz-transform: translateX(150%);
    -moz-backface-visibility: hidden;
    -moz-transition-duration: 1s;
    
    -o-transform: translateX(150%);
    -o-transition-duration: 1s;
}

#mail{
	margin-left: 33%;
	margin-top: 11px;
    text-align:center;
    font-size: 200%;
	font-family: Gnuolane;
	border-radius:5px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 75px;
}
#vimeo{
	margin-left: 20%;
	font-size: 200%;
    text-align:center;
	font-family: Gnuolane;
	border-radius:5px;
	background:#fdfffc;
	border: 2px solid #c6c7c6;
	width: 75px;
}

iframe#fb {
	margin-top: 9px;
	margin-left: 33%;
}

div#twit{
	margin-left: 20%;
}

div.footer{
	
	background-color: white;
	height:50%;
}

div.promo {
	width:93%;
	margin:5px;
}